import { Route, Routes } from "react-router-dom";
import { McpAddServer } from "./mcp-add-server";
import { McpServerList } from "./mcp-server-list";

export function McpSettings() {
  return (
    <div className="mx-auto flex h-full min-w-[528px] max-w-[528px] flex-col gap-4 pt-[18px]">
      <Routes>
        <Route path="/" element={<McpServerList />} />
        <Route path="/add" element={<McpAddServer />} />
        <Route path="/edit/:serverId" element={<McpAddServer />} />
      </Routes>
    </div>
  );
}
